<template>
  <view class="house">
    <life-empty v-if="!houseList.length" url="/pkg-house/add-house/add-house" tip="您还没有认证房屋，请点击"></life-empty>
    <view v-else class="house-item">
      <house-item></house-item>
      <house-item></house-item>
      <house-item></house-item>
      <house-item></house-item>
      <life-button icon="../../static/icon/add.png">添加新房屋</life-button>
    </view>
  </view>
</template>

<script>
import { getHouseList } from '@/api/house.js';
export default {
  data() {
    return {
      houseList: []
    };
  },
  onLoad() {
    this.loadHouseList();
  },
  methods: {
    async loadHouseList() {
      const res = await getHouseList();
      this.houseList = res.data;
    }
  }
};
</script>

<style lang="scss" scoped>
.house {
  height: 100%;
  background-color: #fafafa;
  .house-item {
    padding: 0 20px;
  }
}
</style>
